<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript" src="js/jquery-1.11.1.min_044d0927.js"></script>
	<script type="text/javascript" src="js/jquery.bxslider_e88acd1b.js"></script>
	<script type="text/javascript" src="js/menu.js"></script>
  </head>
  
  <body>
  	<%@ include file="header.jsp" %>
   	<%@ include file="searchBar.jsp" %>
   	
    <div class="menu_bg">
    <div class="menu">
        <!--Begin 商品分类详情 Begin-->
        <div class="nav">
            <div class="nav_t">全部商品分类</div>
            <div class="leftNav">
                <ul>
                	<li>
                         <div class="fj">
                        	<span class="n_img"><span></span>
                            <img src="images/"/></span>
                                <span class="fl">商品1</span>
                            </div>
                            <div class="zj">
                                <div class="zj_l">
                                	<div class="zj_l_c">
                                         <h2>
                                             <a href="goodsHandler/getGoodsList?level=2&id=${goodsTwo.twoId }&page=1">商品2</a>
                                         </h2>
                                         <a href="goodsList.jsp">商品3</a> |
                                         <a href="goodsList.jsp">商品4</a> |
                                  	</div>
                                  	<div class="zj_l_c">
                                         <h2>
                                             <a href="goodsHandler/getGoodsList?level=2&id=${goodsTwo.twoId }&page=1">商品2</a>
                                         </h2>
                                         <a href="goodsList.jsp">商品3</a> |
                                         <a href="goodsList.jsp">商品4</a> |
                                  	</div>
                                  	<div class="zj_l_c">
                                         <h2>
                                             <a href="goodsHandler/getGoodsList?level=2&id=${goodsTwo.twoId }&page=1">商品2</a>
                                         </h2>
                                         <a href="goodsList.jsp">商品3</a> |
                                         <a href="goodsList.jsp">商品4</a> |
                                         <a href="goodsList.jsp">商品4</a> |
                                         <a href="goodsList.jsp">商品4</a> |
                                  	</div>
                                </div>
                            </div>
                        </li>
                        
                        <li>
                         <div class="fj">
                        <span class="n_img"><span></span>
                            <img src="images/"/></span>
                                <span class="fl">商品1</span>
                            </div>
                            <div class="zj">
                                <div class="zj_l">
                                	<div class="zj_l_c">
                                         <h2>
                                             <a href="goodsHandler/getGoodsList?level=2&id=${goodsTwo.twoId }&page=1">商品2</a>
                                         </h2>
                                         <a href="goodsHandler/getGoodsList?level=3&id=${goodsThree.threeId }&page=1">商品3</a> |
                                  	</div>
                                </div>
                            </div>
                        </li>
                </ul>
            </div>
        </div>
        <ul class="menu_r">
            <li><a href="${ctx}/Home?action=index">首页</a></li>
            <li><a href="${ctx}/Product?action=queryProductList&level=1&category=${temp.productCategory.id}">商品1</a></li>
            <li><a href="${ctx}/Product?action=queryProductList&level=1&category=${temp.productCategory.id}">商品2</a></li>
            <li><a href="${ctx}/Product?action=queryProductList&level=1&category=${temp.productCategory.id}">商品3</a></li>
        </ul>
        <div class="m_ad">中秋送好礼！</div>
        <!--End 商品分类详情 End-->
    </div>
</div>
<!--End Menu End-->
<div class="i_bg bg_color">
    <div class="i_ban_bg">
        <!--Begin Banner Begin-->
        <div class="banner">
            <div class="top_slide_wrap">
                <ul class="slide_box bxslider">
                    <li><img src="images/ban1.jpg" width="740" height="401"/></li>
                    <li><img src="images/ban1.jpg" width="740" height="401"/></li>
                    <li><img src="images/ban1.jpg" width="740" height="401"/></li>
                    <li><img src="images/baby_5.jpg" width="740" height="401"/></li>
                </ul>
                <div class="op_btns clearfix">
                    <a href="#" class="op_btn op_prev"><span></span></a>
                    <a href="#" class="op_btn op_next"><span></span></a>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            var jq2 = jQuery.noConflict();
            (function () {
                $(".bxslider").bxSlider({
                    auto: true,
                    prevSelector: jq2(".top_slide_wrap .op_prev")[0], nextSelector: jq2(".top_slide_wrap .op_next")[0]
                });
            })();
        </script>
        <!--End Banner End-->
        <div class="inews">
            <div class="news_t">
                <span class="fr"><a href="${ctx}/admin/news?action=queryNewsList">更多 ></a></span>新闻资讯
            </div>
            <ul>
               	<li><span>[ 公告 ]</span>
         			<a href="${ctx}/admin/news?action=newsDeatil&id=${temp.id}">公告1</a>
         		</li>
         		<li><span>[ 公告 ]</span>
         			<a href="${ctx}/admin/news?action=newsDeatil&id=${temp.id}">公告2</a>
         		</li>
            </ul>
            <div class="charge_t">
                话费充值
                <div class="ch_t_icon"></div>
            </div>
            <form>
                <table border="0" style="width:205px; margin-top:10px;" cellspacing="0" cellpadding="0">
                    <tr height="35">
                        <td width="33">号码</td>
                        <td><input type="text" value="" class="c_ipt"/></td>
                    </tr>
                    <tr height="35">
                        <td>面值</td>
                        <td>
                            <select class="jj" name="city">
                                <option value="0" selected="selected">100元</option>
                                <option value="1">50元</option>
                                <option value="2">30元</option>
                                <option value="3">20元</option>
                                <option value="4">10元</option>
                            </select>
                            <span style="color:#ff4e00; font-size:14px;">￥99.5</span>
                        </td>
                    </tr>
                    <tr height="35">
                        <td colspan="2"><input type="submit" value="立即充值" class="c_btn"/></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    
    <div class="content mar_20">
        <img src="images/mban_1.jpg" width="1200" height="110"/>
    </div>
    
    <div class="i_t mar_10">
            <span class="floor_num">大商品1</span>
            <span class="fl">商品2</span>
        </div>
        <div class="content">
            <div class="fresh_left">
                <div class="fre_ban">
                    <div id="imgPlay1" class="imgPlay1">
                        <ul class="imgs" id="actor1">
                            <li><a href="#"><img src="images/fre_r.jpg" width="211" height="286"/></a></li>
                        </ul>
                    </div>
                </div>
                <div class="fresh_txt">
                    <div class="fresh_txt_c">
                    	<a href="goodsHandler/getGoodsList?level=3&id=${goodsThree.threeId }">商品3</a>
                    	<a href="goodsHandler/getGoodsList?level=3&id=${goodsThree.threeId }">商品3</a>
                    	<a href="goodsHandler/getGoodsList?level=3&id=${goodsThree.threeId }">商品3</a>
                    	<a href="goodsHandler/getGoodsList?level=3&id=${goodsThree.threeId }">商品3</a>
                    	<a href="goodsHandler/getGoodsList?level=3&id=${goodsThree.threeId }">商品3</a>
                    </div>
                </div>
            </div>
            <div class="fresh_mid">
                <ul>
                	<li>
                        <div class="name"><a href="#">电脑</a></div>
                        <div class="price">
                            <font>￥<span>1000</span></font> &nbsp;
                        </div>
                        <div class="img">
                            <a href="${ctx}/Product?action=queryProductDeatil&id=${productVo.id}">
                                <img src="images/baby_3.jpg " width="185"  height="155"/>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="name"><a href="#">电脑</a></div>
                        <div class="price">
                            <font>￥<span>1000</span></font> &nbsp;
                        </div>
                        <div class="img">
                            <a href="${ctx}/Product?action=queryProductDeatil&id=${productVo.id}">
                                <img src="images/baby_3.jpg " width="185"  height="155"/>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="name"><a href="#">电脑</a></div>
                        <div class="price">
                            <font>￥<span>1000</span></font> &nbsp;
                        </div>
                        <div class="img">
                            <a href="${ctx}/Product?action=queryProductDeatil&id=${productVo.id}">
                                <img src="images/baby_3.jpg " width="185"  height="155"/>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="name"><a href="#">电脑</a></div>
                        <div class="price">
                            <font>￥<span>1000</span></font> &nbsp;
                        </div>
                        <div class="img">
                            <a href="${ctx}/Product?action=queryProductDeatil&id=${productVo.id}">
                                <img src="images/baby_3.jpg " width="185"  height="155"/>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="name"><a href="#">电脑</a></div>
                        <div class="price">
                            <font>￥<span>1000</span></font> &nbsp;
                        </div>
                        <div class="img">
                            <a href="${ctx}/Product?action=queryProductDeatil&id=${productVo.id}">
                                <img src="images/baby_3.jpg " width="185"  height="155"/>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="name"><a href="#">电脑</a></div>
                        <div class="price">
                            <font>￥<span>1000</span></font> &nbsp;
                        </div>
                        <div class="img">
                            <a href="${ctx}/Product?action=queryProductDeatil&id=${productVo.id}">
                                <img src="images/baby_3.jpg " width="185"  height="155"/>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="fresh_right">
                <ul>
                    <li><a href="#"><img src="images/fre_b1.jpg" width="260" height="220"/></a></li>
                    <li><a href="#"><img src="images/fre_b2.jpg" width="260" height="220"/></a></li>
                </ul>
            </div>
        </div>
        
        <div class="content mar_20">
	        <img src="images/mban_1.jpg" width="1200" height="110"/>
	    </div>
        <div class="content">
            <div class="fresh_left">
                <div class="fre_ban">
                    <div id="imgPlay1" class="imgPlay1">
                        <ul class="imgs" id="actor1">
                            <li><a href="#"><img src="images/fre_r.jpg" width="211" height="286"/></a></li>
                        </ul>
                    </div>
                </div>
                <div class="fresh_txt">
                    <div class="fresh_txt_c">
                    	<a href="goodsHandler/getGoodsList?level=3&id=${goodsThree.threeId }">商品3</a>
                    	<a href="goodsHandler/getGoodsList?level=3&id=${goodsThree.threeId }">商品3</a>
                    	<a href="goodsHandler/getGoodsList?level=3&id=${goodsThree.threeId }">商品3</a>
                    	<a href="goodsHandler/getGoodsList?level=3&id=${goodsThree.threeId }">商品3</a>
                    	<a href="goodsHandler/getGoodsList?level=3&id=${goodsThree.threeId }">商品3</a>
                    </div>
                </div>
            </div>
            <div class="fresh_mid">
                <ul>
                	<li>
                        <div class="name"><a href="#">电脑</a></div>
                        <div class="price">
                            <font>￥<span>1000</span></font> &nbsp;
                        </div>
                        <div class="img">
                            <a href="${ctx}/Product?action=queryProductDeatil&id=${productVo.id}">
                                <img src="images/baby_3.jpg " width="185"  height="155"/>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="name"><a href="#">电脑</a></div>
                        <div class="price">
                            <font>￥<span>1000</span></font> &nbsp;
                        </div>
                        <div class="img">
                            <a href="${ctx}/Product?action=queryProductDeatil&id=${productVo.id}">
                                <img src="images/baby_3.jpg " width="185"  height="155"/>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="name"><a href="#">电脑</a></div>
                        <div class="price">
                            <font>￥<span>1000</span></font> &nbsp;
                        </div>
                        <div class="img">
                            <a href="${ctx}/Product?action=queryProductDeatil&id=${productVo.id}">
                                <img src="images/baby_3.jpg " width="185"  height="155"/>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="name"><a href="#">电脑</a></div>
                        <div class="price">
                            <font>￥<span>1000</span></font> &nbsp;
                        </div>
                        <div class="img">
                            <a href="${ctx}/Product?action=queryProductDeatil&id=${productVo.id}">
                                <img src="images/baby_3.jpg " width="185"  height="155"/>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="name"><a href="#">电脑</a></div>
                        <div class="price">
                            <font>￥<span>1000</span></font> &nbsp;
                        </div>
                        <div class="img">
                            <a href="${ctx}/Product?action=queryProductDeatil&id=${productVo.id}">
                                <img src="images/baby_3.jpg " width="185"  height="155"/>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="name"><a href="#">电脑</a></div>
                        <div class="price">
                            <font>￥<span>1000</span></font> &nbsp;
                        </div>
                        <div class="img">
                            <a href="${ctx}/Product?action=queryProductDeatil&id=${productVo.id}">
                                <img src="images/baby_3.jpg " width="185"  height="155"/>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="fresh_right">
                <ul>
                    <li><a href="#"><img src="images/fre_b1.jpg" width="260" height="220"/></a></li>
                    <li><a href="#"><img src="images/fre_b2.jpg" width="260" height="220"/></a></li>
                </ul>
            </div>
        </div>
        
    <%@ include file="footer.jsp" %>
  </body>
</html>